<template>
  <n-config-provider :locale="zhCN" :date-locale="dateZhCN">
    <n-layout position="absolute">
      <n-layout-header style="height: 64px; padding: 24px" bordered>
        菜单
      </n-layout-header>
      <n-layout has-sider position="absolute" style="top: 64px; bottom: 64px">
        <n-layout-sider bordered content-style="padding: 24px;">
          统计
        </n-layout-sider>
        <n-layout content-style="padding: 24px;">
          <Room></Room>
        </n-layout>
      </n-layout>
      <n-layout-footer bordered position="absolute" style="height: 64px; padding: 24px">
        底部
      </n-layout-footer>
    </n-layout>
  </n-config-provider>
</template>

<script setup lang="ts">
import { NConfigProvider } from 'naive-ui'
import { zhCN, dateZhCN } from 'naive-ui'
import Room from "./components/Room.vue"


</script>

<style lang="scss">
.body {}
</style>
